<script setup lang="ts">
import { Grid, GridItem } from "../../lib/index";
</script>
<template>
  <Grid cols="3" x-gap="12px" y-gap="8px">
    <GridItem class="light-green"></GridItem>
    <GridItem class="green"></GridItem>
    <GridItem class="light-green"></GridItem>
    <GridItem class="green"></GridItem>
    <GridItem class="light-green"></GridItem>
    <GridItem class="green"></GridItem>
  </Grid>
</template>
<style>
.light-green {
  height: 108px;
  background-color: rgba(0, 128, 0, 0.12);
}
.green {
  height: 108px;
  background-color: rgba(0, 128, 0, 0.24);
}
</style>
